.fui-step-item
  .number
    @include flex-align(center, center)
    display: inline-flex
    width: 28px
    height: 28px
    background-color: $bg-main
    border-radius: 14px
    color: $text-reverse
    font-size: 16px
    font-weight: bold
    margin-right: 8px

  .text
    font-size: $font-md
    color: $text-disabled

  .fui-icon
    width: 10px
    height: 10px
    margin: 0 12px

.fui-step-active
  .number
    background-color: $brand-primary

  .text
    color: $brand-primary

  .fui-icon
    fill: $brand-primary


